<template>
  <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" router="true">
    <el-menu-item index="/">
      <span>Navigator Two</span>
    </el-menu-item>
    <el-menu-item index="/index">
      <span>Index</span>
    </el-menu-item>
    <el-menu-item index="/about">
      <span>about</span>
    </el-menu-item>
  </el-menu>
</template>

<script setup>
// import {
//   Document,
//   Menu as IconMenu,
//   Location,
//   Setting,
// } from '@element-plus/icons-vue'
const handleOpen = (key, keyPath) => {
  console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
  console.log(key, keyPath)
}
</script>
